<template>
	<su-popup :show="state.showModel" type="center" round="3" :isMaskClick="false" @close="closePopup"
		@maskClick="closePopup">
		<view class="materials-popup" @tap="ev => ev.stopPropagation()">
			<view class="popup-header">
				<text class="title">计划社微课程隐私权声明</text>
				<view class="ss-flex-1"></view>
				<view class="close-btn" @tap="closePopup">
					<uni-icons type="close" size="26" style="color:darkgrey;"></uni-icons>
				</view>
			</view>

			<scroll-view class="materials-list" scroll-y :show-scrollbar="true">
        <view class="scroll-box">
          <p>计划社微课程尊重并保护所有用户的个人隐私权。为了给您提供更准确、更有个性化的服务，计划社微课程会按照本隐私权声明的规定使用和披露您的个人信息。计划社微课程会高度审慎地对待这些信息。本隐私权声明属于计划社微课程服务使用协议不可分割的一部分。您在同意计划社微课程服务使用协议之时，即视为您已经同意本隐私权声明的全部内容。</p>

          <h6>1. 隐私信息</h6>

          <p>(a)您在注册计划社微课程账号时，您需要根据计划社微课程的要求提供个人注册信息;</p>

          <p>(b)您在使用计划社微课程网络服务时，或访问计划社微课程网页时，计划社微课程自动接收并记录您的浏览器和计算机上的信息，包括但不限于您的IP地址、浏览器的类型、使用的语言、访问日期和时间、软硬件特征信息及您需求的网页记录等数据;</p>

          <p>(c) 计划社微课程通过合法途径从商业伙伴处取得您的用户个人数据。</p>

          <h6>2. 信息使用</h6>

          <p>(a) 计划社微课程不会向任何无关第三方提供、出售、出租、分享或交易您的个人信息，除非事先得到您的许可，或该第三方和计划社微课程(含计划社微课程关联公司)单独或共同为您提供服务，且在该服务结束后，其将被禁止访问包括其以前能够访问的所有这些资料。
          </p>
          <p>(b) 计划社微课程不允许任何第三方以任何手段收集、编辑、出售或者无偿传播您的个人信息。任何计划社微课程平台用户如从事上述活动，一经发现，计划社微课程有权立即终止与该用户的服务协议。
          </p>
          <p>(c) 基于服务用户的目的，计划社微课程可能通过使用您的个人信息，向您提供您感兴趣的信息，包括但不限于向您发出产品和服务信息，或者与计划社微课程合作伙伴共享信息，以便他们向您发送有关其产品和服务的信息(后者需要您的事先同意)。
          </p>
            <h6>3. 信息披露</h6>

          　　<p>在如下情况下，计划社微课程将依据您的个人意愿或法律的规定全部或部分地披露您的个人信息：
        </p>
          <p>(a) 经您事先同意，向第三方披露;
          </p>
          <p>(b)为提供您所要求的产品和服务，而必须和第三方分享您的个人信息;
          </p>
          <p>(c) 根据法律的有关规定，或者行政或司法机构的要求，向第三方或者行政、司法机构披露;
          </p>
          <p>(d) 如您出现违反中国有关法律、法规或者计划社微课程服务协议或相关规则的情况，需要向第三方披露;
          </p>
          <p>(e) 如您是适格的知识产权投诉人并已提起投诉，应被投诉人要求，向被投诉人披露，以便双方处理可能的权利纠纷;
          </p>
          <p>(f) 在计划社微课程上创建的某一交易中，如交易任何一方履行或部分履行了交易义务并提出信息披露请求的，计划社微课程有权决定向该用户提供其交易对方的联络方式等必要信息，以促成交易的完成或纠纷的解决。
          </p>
          <p>(g) 其他计划社微课程根据法律、法规或者网站声明认为合适的披露。
          </p>
              <h6>4. 信息存储和交换</h6>

          　　<p>计划社微课程收集的有关您的信息和资料将保存在计划社微课程及(或)其关联公司的服务器上，这些信息和资料可能会在境内外被访问、存储和展示。
          </p>
                <h6>5. Cookie的使用</h6>

          <p>(a) 在您未拒绝接受Cookies的情况下，计划社微课程会在您的计算机上设定或取用Cookies ，以便您能登录或使用依赖于Cookies的本应用平台服务或功能。计划社微课程使用Cookies可为您提供更加周到的个性化服务，包括推广服务。
          </p>
          <p>(b)您可以通过修改浏览器设置的方式选择接受或拒绝接受Cookies。但如果您拒绝接受Cookies，则您可能无法登录或使用依赖于Cookies的计划社微课程网络服务或功能。
          </p>
          <p>(c) 通过计划社微课程所设Cookies所取得的有关信息，将适用本声明。
          </p>
                  <h6>6. 信息安全</h6>

          <p>(a) 计划社微课程账号均有安全保护功能，请妥善保管您的用户名及密码信息。计划社微课程将通过对用户密码进行加密等安全措施确保您的信息不丢失，不被滥用和变造。尽管有前述安全措施，但同时也请您注意在信息网络上不存在“完善的安全措施”。
          </p>
          <p>(b) 在使用计划社微课程网络服务进行网上交易时，您不可避免地要向交易对方或潜在的交易对方披露自己的个人信息，如联络方式或者邮政地址。请您妥善保护自己的个人信息，仅在必要的情形下向他人提供。如您发现自己的个人信息泄漏，尤其是计划社微课程用户名及密码发生泄露，请您立即联络计划社微课程客服，以便采取相应的技术措施。
          </p>
                    <h6>7.隐私权声明的更新</h6>

          <p>(a)基于网络平台操作实践、相关服务和法律法规的变化，我们会经常更新本隐私权声明，请您定期查阅。
          </p>
          <p>(b)如果决定更新隐私权声明，我们会在本隐私权声明标注新的“生效日期”，并在我们认为适当的位置给出提示。
          </p>

        </view>
			</scroll-view>

    </view>
	</su-popup>
</template>

<script setup>
	import {
		defineProps,
		reactive
	} from 'vue';
	import {
		downloadFile
	} from '@/sheep/helper/download.js';
  import sheep from '@/sheep';
  import SuPopup from '@/sheep/ui/su-popup/su-popup.vue';

	const props = defineProps({
		materials: {
			type: Array,
			default: () => []
		}
	});

	const state = reactive({
		showModel: false
	});

	const showPopup = () => {
		state.showModel = true;
	};

	const closePopup = () => {
		state.showModel = false;
	};

	const handleDownload = (material) => {

		downloadFile(sheep.$url.cdn(material.download_url), material.lesson_name);
	};

	defineExpose({
		showPopup,
		closePopup
	});
</script>

<style lang="scss" scoped>
	@import "@/static/iconfont/iconfont.css";
	.materials-popup {
		width: 800px;
		min-height: 550px;
		background-color: #fff;
		border-radius: 12rpx;
		padding: 8px 25px;
	}

	.popup-header {
		padding: 20rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.title {
		font-size: 22px;
		font-weight: bold;
	}

	.close-btn {
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #999;
		cursor: pointer;
	}

	.materials-list {
		max-height: 600px;
    height: calc(100vh - 1px);
    overflow-y: auto;
		padding: 10px;
	}

  ::v-deep  .uni-scroll-view ::-webkit-scrollbar {
    width: 8px !important;
    height: auto !important;
    color: #f9f9f9;
    display: block;
  }
  ::v-deep .uni-scroll-view ::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 3px;
  }

  h6{
    font-size: 16px;
    font-weight: bold !important;
    line-height: 1.5rem !important;
  }



</style>